<template>
  <div class="page flex-col">
    <div class="box_1 flex-col"></div>
    <div class="box_2 flex-col justify-end">
      <div class="group_1 flex-col">
        <div class="group_2 flex-row">
          <div class="box_3 flex-col"></div>
          <span class="text_1">段立建</span> <span class="text_2">我的</span>
          <img
            class="image_2"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/71ef2051c7c2850cd94f065c8449708b"
          />
        </div>
        <div class="group_3 flex-row justify-between">
          <div class="group_4 flex-col" @click="PersonalInfo">
            <div class="box_4 flex-col">
              <img
                class="box_4image"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/3c9007dc215341623f7f88a456718a5c"
              />
              <div class="box_5 flex-row">
                <div class="text-group_1 flex-col justify-between">
                  <span class="text_3">我的爱好</span>
                  <span class="text_4">My&nbsp;hobbies</span>
                </div>
              </div>
            </div>
          </div>
          <div class="group_5 flex-row" @click="DormInfo">
            <div class="text-group_2 flex-col justify-between">
              <span class="text_5">我的宿舍</span>
              <span class="text_6">My&nbsp;hobbies</span>
            </div>
            <img
              class="image_3"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/adbc8a968231ec70097f09dff4899d37"
            />
          </div>
        </div>
        <span class="text_7">我的好物</span>
        <div class="group_6 flex-row justify-between">
          <div class="box_6 flex-col" @click="MyReleases">
            <img
              class="image_4"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/4c746871d0320031d55e934cea55ca02"
            />
            <span class="text_8">我发布的</span>
          </div>
          <div class="box_7 flex-col">
            <img
              class="image_5"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/9453abbb8b699fa0eeb4ae824c29b032"
            />
            <span class="text_9">我交换的</span>
          </div>
        </div>
        <div class="image-wrapper_1 flex-col" @click="PersonalInfo">
          <img
            class="image_6"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/704351b0e0eeb0c8a5606a91469712a8"
          />
        </div>
        <div class="text-wrapper_1 flex-col">
          <!-- <img src="https://lanhu.oss-cn-beijing.aliyuncs.com/efaa485ec0521fe23e54d6824508a490" /> -->
          <span class="text_10">23平面与新媒体界面设计</span>
        </div>
      </div>
    </div>
  </div>
  <van-row>
    <HomeMenu />
  </van-row>
</template>
<script setup>
import HomeMenu from '@/components/layout/HomeMenu.vue'

const PersonalInfo = () => {
  location.href = '/Home/PersonalInfo'
}

const MyReleases = () => {
  location.href = '/Home/MyReleases'
}

const DormInfo = () => {
  location.href = '/Home/DormInfo'
}
</script>
<style scoped src="@/static/User/common.css" />
<style scoped src="@/static/User/index.css" />
